@charset "utf-8"; /* reset */
html {font-family: "Lucida Grande", Verdana, Geneva, sans-serif, 宋体;min-width: 1550px;background: #FFF;}
body {overflow-x: hidden;  }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button {
    margin: 0;
    padding: 0;
}
fieldset, img {border: 0 none}
dl, ul, ol, menu, li {list-style: none  }
blockquote, q {quotes: none  }
h2, h3 {  line-height: 200%;  }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none }
input, select, textarea, button {vertical-align: middle;font-family: arial, Helvetica, Tahoma, sans-serif;}
button {border: 0 none;background-color: transparent;cursor: pointer }
body {background: #fff }
body, th, td, input, select, textarea, button a {font-size: 14px;line-height: 1;color: #333}
a {color: #333;text-decoration: none}
a:active, a:hover {text-decoration: none}
address, caption, cite, code, dfn, em, var {font-style: normal;font-weight: normal}
caption {display: none;}
table {width: 100%;border-collapse: collapse;border-spacing: 0;table-layout: fixed;}
img {vertical-align: top}
a {outline: none;}
input {outline: none;}
textarea, select {outline: none;}
* {margin: 0;padding: 0;border: 0;}
b {font-weight: bold;}
strong {font-weight: bold;}
body .color-class .layui-layer-btn a{background:#D91B23;border:none;}
body .color-class .layui-layer-btn .layui-layer-btn1{background:#D91B23;border:none;}
@keyframes witr_squares{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
    20%{
        -webkit-transform:scale(1.24);
        transform:scale(1.24);
        opacity:1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
    100%{
        -webkit-transform:scale(2.1);
        transform:scale(2.1);
        opacity:0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
    }
}
@keyframes gif
{
    from {
        -ms-transform:scale(1,1); /* IE 9 */
        -moz-transform:scale(1,1); /* Firefox */
        -webkit-transform:scale(1,1); /* Safari and Chrome */
        -o-transform:scale(1,1); /* Opera */
        -khtml-transform:scale(1,1);
        transform:scale(1,1);
    }
    to {
        -ms-transform:scale(1.2,1.2); /* IE 9 */
        -moz-transform:scale(1.2,1.2); /* Firefox */
        -webkit-transform:scale(1.2,1.2); /* Safari and Chrome */
        -o-transform:scale(1.2,1.2); /* Opera */
        -khtml-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
    }
}
-webkit-@keyframes gif{
            from {
                transform:scale(1,1);
            }
            to {
                transform:scale(1.2,1.2);
            }
        }
.con {width:1550px;margin:0 auto;}
.con1200 {width:1200px;margin:0 auto;}
header {width:100%;height:110px;float:left;box-shadow:0px 0px 5px #ccc;position: fixed;top:0;left:0;z-index:9999;background:#fff;}
.logo {float:left;margin-top:20px;}
.menu {float:right;margin-right:70px;}
.menu li {float:left;padding:0 15px;height:110px;line-height:110px;}
.menu li a.current {color:#D91B23}
.menu li a {font-size:20px;font-weight:bold;display:block;}
.menu li:hover a {color:#D91B23;}
.tel {width:260px;height:auto;float:right;margin-top:15px;}
.tel i {width:40px;height:100px;line-height:100px;float:left;color:#D91B23;font-size:48px;}
.tel dl {width:200px;height:50px;float:right;}
.tel dt {width:100%;height:25px;line-height:25px;float:right;font-size:14px;}
.tel dd {
    width:100%;height:25px;line-height:25px;float:right;font-size:22px;font-weight:bold;color:#D91B23;
}

#pc-slide-product {
    width:100%;height:auto;position: fixed;top:110px;left:0;z-index:9998;background:#fff;padding-bottom:30px;display:none;
    box-shadow: 0 0 5px #ccc;
}
.pc-slide-product-list {width:100%;height:auto;float:left;}
.pc-slide-product-list span {
    width:100%;height:30px;line-height:30px;float:left;border-left:4px solid #D91B23;text-indent:25px;font-size:22px;font-weight:bold;
    margin:30px auto 30px auto;
}
.pc-slide-product-list ul {width:50%;height:auto;float:left;}
.pc-slide-product-list ul li {width:30%;height:50px;line-height:50px;float:left;font-size:18px;font-weight:bold;}
.pc-slide-product-list ul li i {font-size:14px;color:#ccc;margin-right:15px;}
.pc-slide-product-list ul li:hover a{color:#D91B23;}
.slide-product-right {width:50%;height:auto;float:right;}
.slide-product-right img {width:350px;height:110px;float:right;}
/*--BANNER--*/
#banner,#page-banner {width:100%;height:auto;float:left;margin-top:110px;}
.bx-wrapper .bx-viewport {height: auto !important; background: none; border: none; box-shadow: none; left: 0;}
.bx-wrapper {margin: 0 auto 0; max-width: 100% !important;}
.banner {width: 100%;}
.banner img {display: block; width: 100%;}
.banner img.img2 {display: none;}
.banner li {width: 100%; height: auto; position: relative; overflow: hidden;}
.banner li a {display: block; width: 100%;}
.banner .bx-wrapper .bx-pager {bottom: 16%;}
.banner .bx-wrapper .bx-pager.bx-default-pager a {width: 18px; height: 18px; border-radius: 50%; background: #fff;}
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #FAC109;}
/*--SLOGAN--*/
.slogan {
    width:100%;height:auto;box-shadow: 0 0 5px #ccc;padding:30px 0;margin-top:-140px;z-index:999;position: relative;background:#fff;
    border-top-left-radius:20px;border-top-right-radius:20px;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.slogan dl {width:33%;display:block;}
.slogan dl:first-child,.slogan dl:nth-child(2) {border-right:1px solid #E4E4E4;}
.slogan dl dt,.slogan dl dd {width:100%;float:left;text-align:center;height:55px;line-height:55px;}
.slogan dl dt {font-size:32px;font-weight:bold;color:#D91B23;}
.slogan dl dd {font-size:18px;font-weight:bold;}
/*--PRODUCT--*/
#product {width:100%;height:auto;float:left;padding-bottom:70px;}
.product-h2 {width:100%;height:150px;padding-top:50px;}
.product-h2 dt {width:100%;font-size:72px;font-weight:bold;text-align:center;position: relative;z-index:-1;color:#FEF8E6;}
.product-h2 dd {font-size:28px;font-weight:bold;text-align:center;margin-top:-25px;}
.slideTxtBox{ width:100%;text-align:left;  }
.slideTxtBox .hd{width:100%;height:30px;line-height:30px;}
.slideTxtBox .hd ul{
    width:50%;height:auto;float:left;margin-left:25%;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.slideTxtBox .hd ul li{ float:left; padding:5px 25px; cursor:pointer;border-radius:30px;font-size:18px;font-weight:bold;display:block;}
.slideTxtBox .hd ul li.on{ height:30px;background:#D91B23;color:#fff;}
.slideTxtBox .bd {width:100%;height:auto;float:left;margin-top:50px;}
.slideTxtBox .bd ul{
    width:100%;height:auto;float:left;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.slideTxtBox .bd li{width:30%;height:auto;float:left;}
.slideTxtBox .bd li .product-li {width:100%;height:auto;float:left;position: relative;border:1px solid #f2f2f2;}
.slideTxtBox .bd li .product-li .product-img {width:80%;height:auto;float:left;padding:50px 10%;}
.slideTxtBox .bd li .product-li .product-img img {width:100%;height:auto;float:left;}
.slideTxtBox .bd li .product-li:hover .product-img img {
    animation:gif 0.4s;
    -webkit-animation:gif 0.4s;
    animation-fill-mode : forwards;
}
.slideTxtBox .bd li .product-li .product-vr {position: absolute;left:15px;top:15px;z-index:99;}
.slideTxtBox .bd li .product-li .product-ka {position: absolute;right:15px;top:15px;z-index:99;}
.slideTxtBox .bd li .product-title {width:100%;height:60px;line-height:60px;float:left;position:relative }
.slideTxtBox .bd li .product-title h2 {
    width:100%;height:60px;line-height:60px;background:#F2F2F2;font-size:16px;font-weight:bold;position: absolute;left:0;top:0;text-indent:15px;
}
.slideTxtBox .bd li .product-title span {float:right;height:60px;line-height:60px;padding:0 10px;position: relative;z-index:99;}
.slideTxtBox .bd li .product-title span a {color:#fff;font-size:16px;font-weight:bold;display:block;}
.slideTxtBox .bd li .product-title span:nth-child(2) {background:#FAC109;}
.slideTxtBox .bd li .product-title span:nth-child(3) {background:#D91B23;}
/*--INDEX-BANNER-TWO--*/
#index-banner-two {width:100%;height:270px;float:left;background:url("../images/index-banner.jpg") repeat fixed;background-size: cover; background-position: center center;}
.index-banner-two-left {width:40%;height:auto;float:left;padding-top:50px;}
.index-banner-two-left dt {width:100%;font-size:72px;font-weight:bold;text-align:left;position: relative;z-index:1;color:#46422A;}
.index-banner-two-left dd {font-size:28px;font-weight:bold;text-align:left;margin-top:-25px;color:#fff;position: relative;z-index:3;}
.index-banner-two-left span {font-size:18px;margin-top:80px;color:#fff;width:100%;float:left;}
.index-banner-two-right {width:60%;height:auto;float:right;}
.index-banner-two-right h3 {width:100%;height:auto;float:left;font-size:36px;font-weight:bold;color:#fff;margin-top:70px;text-align:right;}
.index-banner-two-right ul {width:100%;height:auto;float:left;margin-top:40px;}
.index-banner-two-right li {float:right;padding:15px 55px;background:#D91B23;margin-left:20px;}
.index-banner-two-right li a {color:#fff;font-size:18px;}
#index-about {width:100%;height:auto;float:left;padding:100px 0;}
.index-about-left {width:47%;height:auto;float:left;}
.index-about-img-top img {width:100%;float:left;}
.index-about-img-top {
    width:100%;height:auto;
    position: relative;
}
.index-about-img-top i {
    font-size:30px;
    z-index:999;
    color: #D91B23;
    position: absolute;
    left: 25px;
    top: 25px;
}
.index-about-img-top i:hover {
    font-size:30px;
    z-index:999;
    color: #D91B23;
    position: absolute;
    left: 25px;
    top: 25px;
    animation-fill-mode: both;
    animation: witr_squares 1.5s ease-in-out infinite;
}

.index-about-img-bottom {width:100%;height:auto;float:left;margin-top:-50px;position: relative;z-index:999;}
.index-about-img-bottom-left {width:60%;height:auto;float:left;}
.index-about-img-bottom-right {width:38%;height:auto;float:right;padding-top:75px;}
.index-about-img-bottom-left img,.index-about-img-bottom-right img {width:100%;float:left;}
.index-about-right {width:50%;height:auto;float:right;}
.index-about-right dt {font-size:20px;font-weight:bold;line-height:28px;}
.index-about-right dd {font-size:18px;line-height:28px;color:#333;margin-top:35px;}
.index-honor {
    width:100%;height:auto;float:left;
}
.index-honor h3 {width:100%;height:90px;line-height:90px;float:left;font-size:22px;}
.index-honor h3 span {color:#D91B23;}
.picScroll-left{ width:100%;  overflow:hidden; position:relative;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 12px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:127px; height:174px; display:block;  padding:2px; border:1px solid #ccc; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }
/*--CASE--*/
#case {
    width:100%;height:auto;float:left;background:url("../images/bg-case.jpg") center center no-repeat;position:relative;z-index:-99;padding-bottom:125px;
}
.case-slideTxtBox{ width:100%;text-align:left;  }
.case-slideTxtBox .hd{width:100%;height:30px;line-height:30px;}
.case-slideTxtBox .hd ul{
    width:70%;height:auto;float:left;margin-left:15%;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.case-slideTxtBox .hd ul li{ background:#f2f2f2;float:left; padding:5px 25px; cursor:pointer;border-radius:10px;font-size:18px;font-weight:bold;display:block;margin:auto 5px auto 5px;}
.case-slideTxtBox .hd ul li.on{ height:30px;background:#D91B23;color:#fff;}
.case-slideTxtBox .bd ul {width:100%;height:auto;float:left;margin-top:50px;}
.case-left {width:50%;height:305px;float:left;border-top:5px solid #FAC109;box-shadow: 0 0 5px #ccc;}
.case-left p {width:90%;height:auto;float:left;font-size:16px;line-height:30px;padding:5%;}
.case-right {width:50%;height:305px;float:right;border-top:5px solid #D91B23;box-shadow: 0 0 5px #ccc;}
.case-right img {width:100%;height:auto;float:left;}
/*--NEWS--*/
#news {width:100%;height:auto;float:left;padding-bottom:90px;}
.news-title {width:100%;height:60px;float:left;padding:70px 0;}
.news-title h2 {width:15%;height:auto;float:left;border-left:5px solid #D91B23;}
.news-title h2 span {width:100%;height:auto;float:left;margin-left:20px;border-bottom:1px solid #D91B23;}
.news-title h2 b {font-size:36px;float:left;}
.news-title h2 i {font-size:14px;color:#D91B23;font-style: normal;font-weight:normal;margin-top:10px;margin-left:15px;float:left;}
.news-slideTxtBox{ width:100%;text-align:left;float:right;margin-top:-120px;}
.news-slideTxtBox .hd{width:35%;height:30px;line-height:30px;float:right;}
.news-slideTxtBox .hd ul{
    width:100%;height:auto;float:left;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.news-slideTxtBox .hd ul li{ background:#f2f2f2;float:left;padding:10px 45px;cursor:pointer;font-size:18px;display:block;}
.news-slideTxtBox .hd ul li.on{ height:30px;background:#D91B23;color:#fff;}
.news-slideTxtBox .hd ul li.on a {color:#fff;}
.news-slideTxtBox .bd ul {
    width:100%;height:auto;float:left;margin-top:50px;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.news-slideTxtBox .bd ul li {
    width:30%;height:auto;display:block;overflow:hidden;
}
.news-slideTxtBox .bd ul li img {max-width:100%;width:auto;max-height:260px;height:auto;display:block;margin:0 auto;}
.news-slideTxtBox .bd ul li h2 {width:100%;height:50px;line-height:50px;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.news-slideTxtBox .bd ul li:hover h2 a {color:#D91B23;}
.news-slideTxtBox .bd ul li span {width:100%;height:40px;line-height:40px;float:left;}
.news-slideTxtBox .bd ul li p {width:100%;height:auto;float:left;line-height:30px;}
.news-slideTxtBox .bd ul li p a {color:#BCBCBC;}
/*--FOOTER--*/
footer {width:100%;height:auto;float:left;}
.footer-top {width:100%;height:auto;float:left;background:#282828;padding:60px 0;}
.footer-top-one {width:23%;height:auto;float:left;color:#fff;}
.pinpai-tuijian {width:100%;height:auto;float:left;margin-bottom:30px;}
.pinpai-tuijian dl {float:left;margin-top:10px;}
.pinpai-tuijian dt {font-size:22px;font-weight:bold;}
.pinpai-tuijian dd {font-size:28px;font-weight:bold;margin-top:15px;}
.pinpai-tuijian img {float:left;margin-right:20px;}
.footer-top-one label {width:100%;height:40px;line-height:40px;float:left;font-size:16px;}
.footer-top-one label i {font-style: normal;}
.footer-top-two {
    width:45%;height:auto;float:left;margin-left:30px;
}
.footer-top-two dl {width:30%;display:inline-block;vertical-align:top !important;}
.footer-top-two dl dt {width:100%;color:#fff;height:50px;line-height:50px;float:left;font-size:22px;font-weight:bold;}
.footer-top-two dl dd {width:100%;height:40px;line-height:40px;float:left;}
.footer-top-two dl dd a {color:#fff;font-size:14px;}
.footer-top-thr {width:360px;height:auto;float:right;}
.footer-top-thr span {width:100%;height:50px;line-height:50px;float:left;color:#fff;font-size:22px;font-weight:bold;}
.footer-code {
    width:100%;height:auto;float:left;margin-top:13px;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.footer-code dl {width:30%;height:auto;display:block;}
.footer-code dt img {width:100%;height:auto;float:left;}
.footer-code dd {width:100%;height:40px;line-height:40px;float:left;text-align:center;color:#fff;}

.footer-bottom {
    width:100%;height:50px;line-height:50px;float:left;background:#434343;color:#F2F2F2;
}
.footer-bottom a {color:#f2f2f2;}
/*--PAGE-BANNER--*/
#page-banner {width:100%;height:auto;float:left;}
#page-banner img {width:100%;height:auto;float:left;}
/*--PAGE-ABOUT--*/
#page-about {width:100%;height:auto;float:left;padding:90px 0;}
.page-about-block {width:100%;height:auto;float:left;}
.page-about-block-left {width:45%;height:auto;float:left;}
.page-about-block-left h2 {font-size:32px;font-weight:bold;}
.page-about-block-left span {width:100%;height:35px;float:left;font-size:16px;line-height:45px;}
.page-about-block-left span i {width:200px;height:5px;background:#D91B23;float:left;margin-top:30px;margin-right:10px;}
.page-about-block-left dl {width:100%;height:auto;float:left;margin-top:50px;}
.page-about-block-left dt {width:100%;height:auto;float:left;font-size:18px;font-weight:bold;line-height:35px;}
.page-about-block-left dd {width:100%;height:auto;float:left;font-size:18px;line-height:35px;margin-top:25px;}
.page-about-block-right {width:45%;height:auto;float:right;}
.page-about-block-right img {width:100%;height:auto;float:left;}
.company-img,.conmpany-title {width:100%;height:auto;float:left;}
.conmpany-title h2 {font-size:32px;float:left;width:300px;height:80px;line-height:80px;border-bottom:3px solid #D91B23;}
.conmpany-title i {float:right;padding-top:40px;}
.company-img-list {
    width:100%;height:auto;float:left;padding:60px 0;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.company-img-list dl {
    width:23%;height:auto;display:block;margin-bottom:25px;
}
.company-img-list dl dt img {
    width:100%;height:auto;float:left;
}
.company-img-list dd {width:100%;height:50px;line-height:50px;float:left;text-align:center;font-size:18px;font-weight:bold;}
#company-honor {
    width:100%;height:auto;float:left;padding-bottom:70px;
}
.honorScroll-left{ width:100%; overflow:hidden; position:relative;margin-top:-60px;float:left;}
.honorScroll-left .hd{ overflow:hidden;height:60px;padding:0 10px;  }
.honorScroll-left .hd .prev,.honorScroll-left .hd .next{
    display:block;width:80px;height:60px;line-height:60px;text-align:center;float:right;overflow:hidden;
    cursor:pointer;background:#f2f2f2;margin-right:10px;font-size:22px;}
.honorScroll-left .hd .prev:hover,.honorScroll-left .hd .next:hover {
    background:#D91B23;color:#fff;
}
.honorScroll-left .hd .next{ background-position:0 -50px;  }
.honorScroll-left .hd .prevStop{ background-position:-60px 0; }
.honorScroll-left .hd .nextStop{ background-position:-60px -50px; }
.honorScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.honorScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.honorScroll-left .hd ul li.on{ background-position:0 0; }
.honorScroll-left .bd{ padding:10px;margin-top:60px;}
.honorScroll-left .bd ul{
    overflow:hidden; zoom:1;width:100%;height:auto;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.honorScroll-left .bd ul li{
    width:18%;height:auto;display:block;
    float:left; _display:inline; overflow:hidden; text-align:center;margin-right:30px;
}
.honorScroll-left .bd ul li .pic{ text-align:center; }
.honorScroll-left .bd ul li .pic img{ width:100%; height:auto; display:block;padding:2px;}
.honorScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.honorScroll-left .bd ul li .title{height:20px; line-height:20px;font-size:18px;margin-top:10px;}
/*--PAGE-CONTACT--*/
#page-contact {width:100%;height:auto;float:left;}
.contact-title {width:100%;height:auto;float:left;margin:80px auto;text-align:center;}
.contact-list-left {float:left;width:35%;height:auto;}
.contact-list-left li {width:100%;height:85px;line-height:75px;float:left;}
.contact-list-left li b {font-size:20px;}
.contact-list-left li i {font-size:20px;font-style: normal;}
.contact-list-right {float:right;width:60%;height:auto;}
.contact-list-right dl {float:right;margin-right:25px;border:2px solid #f2f2f2;padding:25px;}
.contact-list-right dl dt img {width:120px;height:120px;}
.contact-list-right dl dd {width:100%;height:50px;line-height:50px;float:left;text-align:center;}
.contact-quyu-title {width:100%;height:130px;line-height:130px;float:left;font-size:32px;font-weight:bold;}
.contact-quyu-list-left {
    width:48%;height:auto;float:left;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.contact-quyu-list-left dl {width:43%;height:auto;display:block;background:#F2F2F2;padding:40px 10px 40px 25px;margin-bottom:30px;}
.contact-quyu-list-left dl dt {width:60%;height:auto;float:left;line-height:40px;}
.contact-quyu-list-left dl dd {width:40%;height:auto;float:right;}
.contact-quyu-list-left dl dd img {width:120px;height:120px;}
.contact-quyu-list-right {width:48%;height:auto;float:right;}
/*--CASE--*/
#page-case {width:100%;height:auto;float:left;}
.case-nav {width:100%;height:100px;line-height:100px;float:left;border-bottom:1px solid #f2f2f2;font-size:16px;}
.case-nav a {font-size:16px;}
.case-nav a:hover {color:#D91B23;}
.case-list {width:100%;height:auto;float:left;padding-bottom:60px;}
.case-list li {width:100%;height:auto;float:left;margin-top:50px;position: relative;}
.case-list li:hover h2 {color:#D91B23;}
.case-list li a {display:block;}
.case-list-left {width:42%;height:auto;float:left;}
.case-list-left img {max-width:100%;width:auto;height:auto;float:left;border:5px solid #f2f2f2;}
.case-list-right {width:57%;height:100%;position:absolute;right:0;top:0;}
.case-list-right h2 {width:100%;height:50px;float:left;font-size:24px;}
.case-list-right h2:hover {color:#D91B23;}
.case-list-right span {width:100%;height:50px;line-height:50px;float:left;}
.case-list-right p {width:100%;height:auto;line-height:30px;font-size:16px;float:left;}
.case-list-right i {width:auto;height:35px;line-height:35px;position: absolute;left:0;bottom:0;font-size:16px;}
/*--NEWS--*/
.news-list {width:100%;height:auto;float:left;padding:50px 0;}
.article-class {width:100%;height:50px;line-height:50px;float:left;margin-bottom:50px;}
.article-class a {padding:20px 65px;background:#F2F2F2;color:#000;margin-right:30px;font-size:16px;}
.article-class a:hover {padding:20px 65px;background:#D91B23;color:#fff;}
.article-class a.current {padding:20px 65px;background:#D91B23;color:#fff;}
.article-list {width:100%;height:auto;float:left;}
.article-list li {width:100%;height:auto;float:left;margin-bottom:50px;}
.article-img {width:30%;height:auto;float:left;overflow:hidden;}
.article-img img {width:100%;height:auto;float:left;}
.article-info {width:65%;height:auto;float:right;}
.article-info h2 {width:100%;height:auto;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.article-list li:hover h2 a {color:#D91B23;}
.article-info span {width:100%;height:50px;line-height:50px;float:left;}
.article-info p {width:100%;height:auto;float:left;line-height:30px;}
.article-info span.xq {margin-top:20px;}
.article-info span.xq a {padding:15px 35px;background:#f2f2f2;}
.article-info span.xq a:hover {background:#D91B23;color:#fff;}
.news-list-left {width:70%;height:auto;float:left;}
.news-list-right {width:25%;height:auto;float:right;}
.news-right-slidebar {width:100%;padding:25px 0;background:#f2f2f2;margin-bottom:30px;floaT:left;}
.news-list-right div {float:left;width:100%;}
.news-list-right div h2 {padding:0 25px;margin-bottom:10px;}
.news-list-right div h2 b {padding:10px 50px 10px 0;border-bottom:4px solid #D91B23;text-align:left;}
.news-list-right div ul {padding:15px 25px;}
.news-list-right div li {width:100%;height:50px;line-height:50px;float:left;}
.news-list-right div li a {font-size:16px;font-weight:bold;}
.news-list-right div li:hover a {color:#D91B23;}
.page-pagination {width:100%;height:auto;float:left;}
.page-pagination ul {float:right;}
.page-pagination li {float:left;background:#f2f2f2;margin-right:5px;}
.page-pagination li:hover {background:#D91B23;}
.page-pagination li:hover a {color:#fff;}
.page-pagination li a {padding:15px 25px;display:block;float:left;width:100%;height:100%;}
.page-pagination li.active {background:#D91B23;}
.page-pagination li.active a {color:#fff;}
.article-main {width:100%;height:auto;float:left;}
.article-main h1 {width:100%;height:auto;float:left;text-align:center;}
.article-date {width:100%;height:auto;float:left;text-align:center;padding:35px 0;}
.article-date i {font-style: normal;margin:auto 25px auto 25px;}
.article-content {width:100%;height:auto;float:left;}
.article-content p {width:100%;height:auto;float:left;line-height:30px;font-size:16px;}
.article-content strong {font-weight:bold;}
.article-content h2 {font-weight:bold;}
.article-content img {max-width:100%;width:auto;height:auto;display:block;margin:20px auto;}
.article-tags {
    width:100%;height:auto;float:left;padding:25px 0 0 0;
}
.article-tags a {padding:4px 8px;background:#f2f2f2;border-radius:5px;}
.article-tags a:hover {color:#D91B23;}
.article-next {width:100%;height:auto;float:left;padding:40px 0 60px 0;}
.article-next ul {
    width:100%;height:auto;float:left;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.article-next li {width:45%;height:auto;display:block;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:bold;font-size:16px;}
.article-next li a {font-weight:bold;font-size:16px;}
.article-next li a:hover {color:#D91B23;}
.article-more {width:100%;height:auto;float:left;}
.article-more h2 {width:100%;height:100px;line-height:100px;float:left;}
.article-more-list {
    width:100%;height:auto;float:left;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.article-more-list dl {width:23%;height:auto;display:block;margin-bottom:30px;}
.article-more-list dt {width:100%;height:auto;float:left;}
.article-more-list dt img {width:100%;height:auto;float:left;}
.article-more-list dd {
    width:100%;height:40px;line-height:40px;float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;
    text-align:center;
}
.article-more-list dd a {font-size:16px;}
.article-more-list dd a:hover {color:#D91B23;}
.article-more-list dl:hover dd a {color:#D91B23;}
/*--PRODUCT--*/
#page-product {width:100%;height:auto;float:left;}
.product-nav {width:100%;height:auto;float:left;}
.product-nav span {float:left;padding:50px 80px 50px 0;border-bottom:4px solid #FAC109;font-size:32px;font-weight:bold;}
.class-list {width:100%;height:auto;float:left;padding:35px 0;}
.class-list label {width:100%;height:50px;line-height:50px;float:left;}
.class-list label a {font-size:18px;font-weight:bold;margin-right:20px;}
.class-list label a:hover {color:#D91B23;}
.class-list label a.active {color:#D91B23;}
.product-list {width:100%;height:auto;float:left;padding-bottom:70px;}
.product-list ul {
    width:100%;height:auto;float:left;
    display:flex;display:-ms-flex;display:-webkit-flex;flex-wrap: wrap;align-items: center;justify-content: space-between;
}
.product-list ul li {width:30%;height:auto;display:block;border:1px solid #F2F2F2;box-shadow: 0 0 5px #f2f2f2;margin-bottom:25px;}
.product-item {width:100%;height:auto;float:left;position: relative;}
.product-item .product-img {margin:70px auto;float:left;}
.product-item .product-img img {width:100%;height:auto;float:left;}
.product-item .product-vr {position: absolute;left:20px;top:20px;}
.product-item .product-ka {position: absolute;right:20px;top:20px;}
.product-item-title {width:100%;height:auto;float:left;}
.product-item-title h2 {padding:0 20px;height:80px;line-height:80px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-list ul li:hover .product-item-title h2 a {color:#D91B23;}
.product-item-title span {width:100%;height:50px;float:left;margin-top:20px;}
.product-item-title span a {padding:15px 30px;color:#fff;margin:auto 10px auto 20px;}
.product-item-title span a i {color:#fff;}
.product-item-title span a:first-child {background: #FAC109;}
.product-item-title span a:nth-child(2) {background:#D91B23;}
.product-content {width:100%;height:auto;float:left;}
.product-content-title {width:100%;height:auto;float:left;padding-top:60px;}
.product-content-title h1 {float:left;font-size:32px;padding-bottom:40px;position: relative;}
.product-content-title h1 i {width:200px;height:4px;background:#D91B23;position: absolute;left:0;top:70px;}
.product-content-title h1 img {margin-left:15px;}
.product-content-title ul {float:right;margin-top:40px;}
.product-content-title ul li {float:left;margin-left:15px;}
.product-content-title ul li.active a {background:#D91B23;color:#fff;}
.product-content-title ul li a {font-size:16px;width:100%;height:100%;padding:20px 70px;background:#f2f2f2;}
.product-content-title ul li:hover a {background:#D91B23;color:#fff;}
.product-content-title ul li:hover i {color:#fff;}
.product-content-title ul li i {margin-right:5px;font-size:16px;}
.product-content-info {width:100%;height:auto;float:left;}
.product-content-info-left {width:45%;height:auto;float:left;}
.product-content-info-left span {width:100%;height:80px;line-height:80px;float:left;font-size:18px;font-weight:bold;}
.product-content-info-left .tedian {width:100%;height:auto;float:left;}
.product-content-info-left p {width:100%;height:auto;line-height:30px;float:left;font-size:16px;margin-bottom:10px;}
.product-content-info-left ul {width:100%;height:auto;float:left;margin:40px auto auto auto;}
.product-content-info-left ul li {float:left;}
.product-content-info-left ul li.active a {background:#D91B23;color:#fff;}
.product-content-info-left ul li a {font-size:16px;padding:20px 40px;background:#f2f2f2;float:left;}
.product-content-info-left ul li:hover a {background:#D91B23;color:#fff;}
.product-content-info-left ul li:hover i {color:#fff;}
.product-content-info-left ul li i {margin-right:5px;font-size:16px;}
.product-content-info-right {width:50%;height:500px;float:right;margin-top:50px;}
#ifocus { width:100%; margin-bottom:7px; height:100%;float:left;}
#ifocus_pic { display:inline;position:relative;float:left;width:70%;height:100%;overflow:hidden;}
#ifocus_piclist li { width:100%; height:500px;overflow:hidden;position: relative;}
#ifocus_piclist li:nth-child(3) img {width:250px;height:auto;}
#ifocus_piclist img {
    max-width:100%;width:auto;height:auto;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
#ifocus_btn { display:inline;float:right;margin-top:10px;width:28%;background:#f2f2f2;}
#ifocus_btn li {
    width:90%;padding:10px 5%;height:auto;cursor:pointer; float:left;
    background:#F2F2F2;
}
#ifocus_btn li:nth-child(3) img {width:50%;}
#ifocus_btn img { max-width:100%;width:auto;height:auto;display:block;margin:0 auto;}
#ifocus_btn .on{background:#ccc;}
.product-content-cs {width:100%;height:auto;float:left;}
.product-content-cs span {
    width:100%;height:110px;line-height:110px;float:left;margin-bottom:40px;
}
.product-content-cs span b{
    width:200px;font-size:32px;font-weight:bold;border-bottom:4px solid #D91B23;float:left;
}
.product-content-tb th {
    height:40px;line-height:40px;background:#f2f2f2;border:1px solid #f2f2f2;text-align:left;text-indent:15px;padding:10px 0;
    font-size:16px;
}
.product-content-tb td {border:1px solid #D7D7D7;height:30px;line-height:30px;text-align:center;}
.product-other {width:100%;height:auto;float:left;}
.product-other-title {width:100%;height:auto;float:left;padding:35px 0;font-size:32px;margin-bottom:35px;}
.product-other-title b {font-size:32px;color:#D91B23;border-bottom:4px solid #D91B23;padding-bottom:30px;}
/*--SERVICES--*/
#services {width:100%;height:auto;float:left;}
.service-con {width:100%;height:auto;float:left;box-shadow: 0 0 5px #ccc;}
.service-item-left {width:50%;height:auto;float:left;}
.service-item-left img {width:100%;height:auto;float:left;}
.service-item-right {width:50%;height:auto;float:right;padding-top:80px;}
.service-item-right p {padding:0 40px;line-height:35px;font-size:16px;margin-bottom:50px;}
.service-form-right {width:48%;height:auto;float:right;}
.service-form-right span {font-size:22px;font-weight:bold;}
.fc-form-body {width:100%;height:auto;float:left;}
.fc-form-body .row {width:100%;height:70px;line-height:80px;float:left;}
.twr_form_box {width:50%;height:auto;float:left;}
.twr_form_box input,.twr_form_box select {border:1px solid #ccc;padding:5px 10px;width:260px;background:#E8F0FE;}
.one_form_box {width:100%;height:auto;float:left;}
.one_form_box label {width:100%;height:50px;line-height:50px;float:left;}
.one_form_box textarea {width:98%;height:100px;float:left;border:1px solid #ccc;padding:5px 1%;}
.form-actions {width:100%;height:100px;float:left;line-height:100px;}
.form-actions button {padding:10px 45px;background:#D91B23;color:#fff;float:right;margin:30px auto auto auto;}
/*--KEFU--*/
.kefu{position: fixed;bottom: 100px;right: 16px;z-index: 9999;}
.kefu>.relative{display: flex;justify-content: center;align-items: center;flex-direction: column;width: 2.8rem;background: #FFFFFF;box-shadow: 0px 2px 0.6rem 0px rgba(0, 0, 0, 0.12);text-align: center;padding: 0.75rem 0;position: relative;}
.kefu>.relative img.icon{width: 1.2rem;margin: 0 auto;display: block;}
.kefu>.relative:first-child{margin-bottom: 8px;padding: 0.25rem 0;background: #E63702;box-shadow: 0px 0.4rem 0.8rem 0px rgba(16, 84, 238, 0.2);cursor: pointer;}
.kefu>.relative:first-child:hover{background-color: #E63702;}
.kefu>.relative:first-child>p{font-size: 0.8rem;font-weight: bold;letter-spacing: 0.25rem;color: #FFFFFF;writing-mode: tb-lr;writing-mode: vertical-lr;margin: 0.4rem 0 0.65rem;}
.kefu>.relative>.head{width: 2.3rem;display: block;margin: 0 auto;}
.kefu>.relative .box{font-size: 0.6rem;font-weight: normal;line-height: 0.9rem;text-align: center;color: #313336;cursor: pointer;}
.kefu>.relative .box img:nth-child(2){display: none;}
.kefu>.relative .box:hover{color: #E63702;}
.kefu>.relative .box:hover img:nth-child(1){display: none;}
.kefu>.relative .box:hover img:nth-child(2){display: block;}
.kefu>.relative>i{width: 1rem;height: 1px;margin: 0.5rem auto;background: #EAEDF3;}
.kefu .totop{height: 1.4rem;width: 1.4rem;cursor: pointer;padding: 0.7rem;border-radius: 50%;background: #FFFFFF;box-shadow: 0px 2px 0.6rem 0px rgba(0, 0, 0, 0.12);margin-top: 28px;display: none;}
.kefu .gwbox{position: absolute;bottom: 0;right: calc(100%);padding-right: 0.4rem;display:none;}
.kefu .gwboxbg{background: url(../image/bg-kefu.png) top right no-repeat #fff;background-size: cover;border-radius: 0.6rem;padding: 1.6rem 1.5rem 2rem;box-shadow: 0px 2px 2.5rem 0px rgba(0, 0, 0, 0.1),inset 0px 0px 0.3rem 0px #FFFFFF;box-sizing: border-box;text-align: left;}
.kefu .gwboxbg .close{display:none;}
.kefu .gwbox .heabox{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 1.25rem;border-bottom: 1px solid #EFF2FC;margin-bottom: 1.2rem;}
.kefu .gwbox .heabox .head{width: 2.8rem;height: 2.8rem;display: block;margin-right: 0.8rem;}
.kefu .gwbox .heabox h4{font-size: 1.2rem;font-weight: 600;color: #313336;white-space: nowrap;}
.kefu .gwbox .heabox p{white-space: nowrap;font-size: 0.8rem;margin-top: 0.4rem;color: #313336;}
.kefu .gwbox .callbox{display: flex;justify-content:flex-start;align-items: flex-start;}
.kefu .gwbox .callbox p{font-size: 0.7rem;line-height: 1.2rem;color: #313336;margin-bottom: 0.6rem;}
.kefu .gwbox .callbox .qr{width:6rem;display: block;height:auto;margin-right: 3.5rem;}
.kefu .gwbox .callbox div:nth-child(2) {width:100%;padding:0 0.8rem 0 0.8rem;}
.call-code {width:110px;float:left;}
.call-contact {width:100%;}
.call-contact div {width:100%;}
.call-contact div a {width:100%;display:block;}
.call-contact div:first-child {width:100%;padding: 0.45rem 0.8rem 0.8rem 0.8rem;}
.kefu .gwbox .callbox>div>div{background: #F7F9FF;border-radius: 8px;padding: 0.45rem 2.5rem 1.25rem 0.8rem;}
.kefu .gwbox .callbox .libx{display: flex;justify-content: flex-start;align-items: center;font-weight: 500;line-height: 1.2rem;color: #313336;font-family: Jost-Medium;}
.kefu .gwbox .callbox .ico{/*width: 1.2rem;*/display: block;margin: 0 0.6rem 0 0;}
.scroll{
    font-size: 0.6rem;font-weight: normal;line-height: 0.9rem;text-align: center;color: #313336;cursor: pointer;margin-top:15px;background: #FFFFFF;box-shadow: 0px 0.4rem 0.8rem 0px rgba(16, 84, 238, 0.2);
    padding: 0.7rem;
}
@media screen and  (max-width: 1440px) {
    .con {width:100%;margin:0 auto;}
    .con1200 {width:100%;margin:0 auto;}
    html {font-family: "Lucida Grande", Verdana, Geneva, sans-serif, 宋体;min-width: 100%;background: #FFF;}
    .news-list {width:96%;padding:50px 2%;}
    .footer-top {width:96%;padding:60px 2%;}
    .case-nav {width:96%;padding:0 2%;}
    #page-contact,#contact-quyu,#page-product,#pc-slide-product,.product-content,.product-other,.slideTxtBox .bd,.case-slideTxtBox .bd ul {width:96%;padding:0 2%;}
    #page-about {width:96%;padding:90px 2%;}
    #company-img {width:96%;padding:0 2%;}
    #company-honor {width:96%;padding:0 2% 70px 2%;}
    .page-about-block-left span i {width:170px;}
    .case-list {width:96%;padding:0 2% 60px 2%;}
    .case-list-right {width:50%;}
    .slideTxtBox .hd ul {width:70%;margin-left:15%;}
    #news {padding:0 2% 90px 2%;width:96%;}
    .news-slideTxtBox .hd {width:45%;}
    #index-about {width:96%;padding:100px 2%;}
    #index-banner-two {width:96%;padding:0 2%;}
    .index-banner-two-right h3 {font-size:32px;}
    .case-right img {width:90%;}
    .service-con {width:96%;padding:0 2%;}
    .twr_form_box input, .twr_form_box select {width:60%;}
    .contact-quyu-list-left dl {padding:40px 10px 40px 10px;}
    .contact-quyu-list-left dl dd img {width:100px;height:100px;}
    .footer-bottom {width:96%;padding:0 2%;}
    .tel {width:260px;}

}
@media screen and  (max-width: 1200px) {
    .con {width:100%;margin:0 auto;}
    .con1200 {width:100%;margin:0 auto;}
    html {font-family: "Lucida Grande", Verdana, Geneva, sans-serif, 宋体;min-width: 100%;background: #FFF;}
}
@media only screen and (max-width: 960px){
    .con {width:100%;margin:0 auto;}
    .con1200 {width:100%;margin:0 auto;}
    html {font-family: "Lucida Grande", Verdana, Geneva, sans-serif, 宋体;min-width: 100%;background: #FFF;}
}
@media only screen and (max-width: 767px){
    .con {width:100%;margin:0 auto;}
    .con1200 {width:100%;margin:0 auto;}
    html {font-family: "Lucida Grande", Verdana, Geneva, sans-serif, 宋体;min-width: 100%;background: #FFF;}
}
@media only screen and (max-width:640px){

}
@media only screen and (max-width:480px){

}
@media screen and (max-width:320px) {

}